<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>品牌经销</title>
	<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.min.js"></script>
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/css/SUI.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/css/mui.min.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/all.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/app.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/app.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/dropload.css" rel="stylesheet" />
</head>
<style type="text/css">
	.wrapper div{width: 100%;overflow: hidden;border-top: 1px solid #efefef;border-left: 1px solid #efefef}
	.wrapper div dl{width: 25%;float: left;overflow:hidden;height: 15vw;padding: 5px;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef}
	.wrapper div dl dt{background-repeat: no-repeat;background-size: 100%;background-position: center;height: calc(15vw - 10px);width: 100%}
</style>
<body>
<div class="distribution hotselling ">
	<div class="wrapper">
		<h1>精选品牌<span>大牌正品 畅享折扣</span></h1>
		<div>
			{{range .brand}}
			<dl class="goto" href="/mobile/column/search_result?bid={{.id}}"><dt style="background-image: url({{.pathname}})"></dt></dl>
			{{end}}
		</div>
	</div>
<!-- 	<div>
		<div class="seckill">
			<div class="column">
				<ul>
					<li>
						<a href="">
							<img class="pic" src="../img/avatar.jpeg">
							<img src="../img/index/prd.jpg">
							<div class="overpl1 fs-14 title">统采优品 传统铁锅精铁无涂层木柄真不锈炒锅 32厘米</div>
							<p class="overpl1 tx-l fs-14">￥ 65.00</p>
							<s>￥ 64.00</s>
						</a>
					</li>
					<li>
						<a href="">
							<img class="pic" src="../img/avatar.jpeg">
							<img src="../img/index/prd.jpg">
							<div class="overpl1 fs-14 title">统采优品 传统铁锅精铁无涂层木柄真不锈炒锅 32厘米</div>
							<p class="overpl1 tx-l fs-14">￥ 65.00</p>
							<s>￥ 64.00</s>
						</a>
					</li>
					<li>
						<a href="">
							<img class="pic" src="../img/avatar.jpeg">
							<img src="../img/index/prd.jpg">
							<div class="overpl1 fs-14 title">统采优品 传统铁锅精铁无涂层木柄真不锈炒锅 32厘米</div>
							<p class="overpl1 tx-l fs-14">￥ 65.00</p>
							<s>￥ 64.00</s>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div> -->
</div>
<!-- <div class="rcmdHd"><span>精选店铺</span></div>
<style type="text/css">
	.storeList li{position: relative;}
	.storeList li .x{position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
</style>
<div class="storeList">
	<div>
		<p><span class="suiBgImg" style="background-image: url({{.system.pathname}});"></span><span>{{.system.name}}</span><button class="goto" href="/mobile/index/shop?id=0">pZNN8yCbWXBezCgGpnKMQi283dFLAVGO</button></p>
		<ul>
			{{range .product}}
			<li class="suiBgImg goto" href="/mobile/column/product_content?id={{.id}}" style="background-image: url({{.pathname}});">
				<span>&yen;{{if .vprice}}{{.vprice}}{{else}}{{.price}}{{end}}</span>
				{{if eq .active 1}}
				<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/gbuy.png" class="x">
				{{else if eq .active 2}}
				<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/sales.png" class="x">
				{{end}}
			</li>
			{{end}}
		</ul>
	</div>
	{{range .info}}
	<div>
		<p><span class="suiBgImg" style="background-image: url({{.pathname}});"></span><span>{{.name}}</span><button class="goto" href="/mobile/index/shop?id={{.id}}">进店</button></p>
		<ul>
			{{range .product}}
			<li class="suiBgImg goto" href="/mobile/column/product_content?id={{.id}}" style="background-image: url({{.pathname}});">
				<span>&yen;{{if .vprice}}{{.vprice}}{{else}}{{.price}}{{end}}</span>
				{{if eq .active 1}}
				<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/gbuy.png" class="x">
				{{else if eq .active 2}}
				<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/sales.png" class="x">
				{{end}}
			</li>
			{{end}}
		</ul>
	</div>
	{{end}}
</div> -->
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/other/app.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/js/SUI.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/zepto.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/dropload.min.js"></script>
{{template "wechat/public/share.html" .}}
<script>
	$('.goto').click(function(){
		var ul=$(this).attr('href')
		if(ul){
			window.location.href=ul
		}
	})
	var page=2
$('.element').dropload({
    scrollArea : window,
    threshold: 2,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: window.location.href,
            dataType: 'json',
            data:{page:page},
            success: function(data){
            	var res=data.info
               page+=1
              if(res){
                 for (var i=0;i<res.length;i++){
                    var div = document.createElement('div');
 					var	html=`<p><span class="suiBgImg" style="background-image: url(`+res[i].pathname+`);"></span><span>`+res[i].name+`</span><button class="goto" href="/mobile/index/shop?id=`+res[i].id+`">进店</button></p><ul>`
 					if(res[i].product){
 						for(var j=0;j<res[i].product.length;j++){
 							html+=`<li class="suiBgImg goto" href="/mobile/column/product_content?id=`+res[i].product[j].id+`" style="background-image: url(`+res[i].product[j].pathname+`);"> <span>&yen;`+res[i].product[j].price+'</span> <img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/img/'
 							if (res[i].product[j].active==1){
								html+='gbuy.png" class="x"></li>'
							}else if(res[i].product[j].active==2){
								html+='sales.png" class="x"></li>'
							}else{
								html+=`</li>`
							}
 						}
 					}
 					html+=`</ul>`
                    div.innerHTML=html
                    document.getElementsByClassName('storeList')[0].appendChild(div)
                }
                me.resetload();
                }else{
                    mui.toast("没有更多了！");
                    $(".dropload-down").remove();
                }
            },
            error: function(xhr, type){
                mui.toast("网络慢，请重新刷新!");
                me.resetload();
            }
        });
    }
});
</script> 
</body>
</html>